import React, { useEffect, useState } from "react";
// import HeaderOne from "../components/HeaderOne";
// import { Link } from "react-router-dom";
import { Swiper, SwiperSlide } from "swiper/react";
import SwiperCore, { Navigation, Pagination, Scrollbar, A11y } from 'swiper';
// install Swiper modules
// import FooterAreaOne from "../../components/FooterAreaOne";
/* import Breadcrumb from "../components/Breadcrumb";
import SubscribeOne from "../components/SubscribeOne";
import ContactArea from "../components/ContactArea"; */
import Preloader from "../../helper/Preloader";

import Banner1 from './images/index/banner1.jpeg';
import Banner2 from './images/index/banner2.jpeg';
import Banner3 from './images/index/banner3.jpeg';
import Banner4 from './images/index/banner4.jpeg';
import Banner5 from './images/index/banner5.jpeg';
import Banner6 from './images/index/banner6.jpeg';

SwiperCore.use([Navigation, Pagination, Scrollbar, A11y]);

const ContactPage = () => {
  let [active, setActive] = useState(true);
  useEffect(() => {
    setTimeout(function () {
      setActive(false);
    }, 2000);
  }, []);
  return (
    <>
      {/* Preloader */}
      {active === true && <Preloader />}

      <div className="top-banner">
        <Swiper
            spaceBetween={50}
            navigation
            pagination
            scrollbar
            a11y
            style={{width: '100%', height: '100vh'}}
        >
            {[Banner1, Banner2, Banner3, Banner4, Banner5, Banner6].map( v => {
                return <SwiperSlide>
                    <img src={v} alt="banner" style={{width: '100%', height: '100%'}}/>
                </SwiperSlide>
            })}
            
        </Swiper>
      </div>

      {/* Header one */}
      {/* <HeaderOne /> */}

      {/* Breadcrumb */}
      {/* <Breadcrumb title={"Contact"} /> */}

      {/* Contact Area */}
      {/* <ContactArea /> */}

      {/* Subscribe One */}
      {/* <SubscribeOne /> */}

      {/* Footer Area One */}
      {/* <FooterAreaOne /> */}
    </>
  );
};

export default ContactPage;
